* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background-color: #f7f7f8;
}
a {
  text-decoration: none;
}

/* 主题区域 */
.main {
  padding: 10px 10px 80px;
}

.main>div {
  background-color: #fff;
  padding: 10px 15px 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}

/* 用户信息模块 */
.order-msg {
  display: flex;
  padding-right: 0px !important;
  align-items: center;
}
.location {
  width: 30px;
  height: 30px;
  	background-image: linear-gradient(90deg, 
		#6fc2aa 5%, 
    #54b196 100%);
    border-radius: 50%;
    text-align: center;
  line-height: 30px;
  color: #fff;
  margin-right: 10px;
}
.order-msg .info {
  flex: 1;
}
 .order-msg .info .uname {
   font-size: 15px;
   color: #262626;
   margin-right: 5px;
 } 
 .order-msg .info .tel {
   font-size: 13px;
   color: #333;
 }
  .order-msg .info p:nth-child(1) {
    margin-top: 10px;
  }
 .order-msg .info p:nth-child(2) {
   font-size: 12px;
   margin-top: 8px;
   color: #333;
   line-height: 18px;
 }
.more {
  width: 44px;
  height: 44px;
 
  text-align: center;
  line-height: 44px;
  color: #808080;
}

 /* 商品信息模块  */
 .goods {
   display: flex;
 }
 .goods .pic {
   width: 85px;
   height: 85px;
 margin-right: 12px;
 }
 .goods .pic img {
   width: 100%;
   height: 100%;
 }
 .goods .info {
   flex: 1;
 }
 .goods .info h4 {
   font-weight: 400;
   color: #262626;
   font-size: 13px;
 }
 .goods .info .youhui {
   font-size: 13px;
  color: #262626;
  margin: 3px 0 5px;
 }
 .goods .info .special {
   /* 转换成行内块元素，让底色自适应 */
   display: inline-block;
   background-color: #f7f7f8;
   font-size: 11px;
   color: #888888;
   padding: 3px;
   border-radius: 3px;

 }
 .goods .info .price {
   color: #cf4444;
   font-size: 9px;
   margin-top: 5px;
 }
 .goods .info .price span {
   font-size: 16px;
 }
  .goods .info .price del {
    font-size: 9px;
    color:#999999;
    margin-left: 5px;

  }
 .goods .count {
   margin-top: 20px;
 }



/* 配送模块 */
.panel .express {
  display: flex;
  justify-content: space-between;
}
.panel .express p {
  font-size: 13px;
  color: #262626;
}

.panel .remark {
  display: flex;
  align-items: cneter;
  margin: 30px 0;
  font-size: 13px;
  color: #262626;

}
.panel .remark p:nth-child(1) {
  min-width: 60px;
}
.panel .remark p:nth-child(2) {
  margin-left: 20px;
  color: #989898;
  font-size: 12px;
}
.panel .payment {
  display: flex;
  justify-content: space-between;
  color: #262626;
  font-size: 13px;
}
.panel .payment p i{
  color: #808080;
  font-size:7px ;
}

/* 价格模块 */
.jiage .remark {
  display: flex;
  justify-content:space-between;
}
.jiage .remark p:nth-child(2) {
  color: #262626;
  font-size: 13px;
}
.jiage .payment p:nth-child(2) {
  color: #cf4444;
}



/* 支付盒子 */
.pay-order {
  display: flex;
  /* 主轴上分布，两侧对齐 */
  justify-content: space-between;
  /* 侧轴垂直居中 */
  align-items: center;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 79px;
  background-color: #fff;
  padding: 0 10px;
}
.sum {
  font-size: 11px;
}
.sum span {
 color:#cf4444 ;
}
.sum em {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}

/* 去支付按钮 */
.pay a {
  display: block;
  
	width: 91px;
	height: 35px;
	background-image: linear-gradient(90deg, 
		#6fc2aa 5%, 
		#54b196 100%);
	border-radius: 3px;
color: #fff;
font-size: 13px;
line-height: 35px;
text-align: center;
}